<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	 <div class="container"  id="content">
		 <section class="content-header">
			 <h1>
				 <i class="fa fa-file"></i>
				 <strong>合同分析</strong>
			 </h1>
			 <ol class="breadcrumb">
				 <li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				 <li>合同统计与分析</li>
				 <li class="active">合同分析</li>
			 </ol>
		 </section>
		 <!-- Main content -->
		 <section class="content">
			 <div class="box box-info">
			 	 <div class="box-header with-border">
                     <i class="fa fa-th-list"></i>
                     <h4 class="box-title">合同查询</h4>
                 </div>
                 <div class="box-body">
                    <div class="form-inline">
	                	<div class="input-group">
	                	<span class="input-group-btn">
							<select class="form-control" id="nameDate" name="nameDate" th:value="${nameDate}" >
								<option value="signedDate" th:selected="${nameDate.equals('signedDate')}">签订时间</option>
   								<option value="createTime" th:selected="${nameDate.equals('createTime')}">录入时间</option>
   								<option value="scheduleDate" th:selected="${nameDate.equals('scheduleDate')}">排产时间</option>
							</select>
							<input type="date" class="form-control" id="startDate" name="startDate" th:value="${startDate}" />
							<span class="form-control">至</span>
							<input type="date" class="form-control" id="endDate" name="endDate" th:value="${endDate}"  />
							<span class="form-control">合同总金额</span>
							<input class="form-control" type="text" id="sum" name="sum" th:value="${sum}" style="width:13%" readonly="readonly"/>
							<span class="form-control">合同号</span>
							<input class="form-control" type="text" id="Contract" name="Contract" style="width:10%"/>
							<span class="input-group-btn">
								<button type="button" class="btn btn-info searchBtn" id="queryBtn">查询</button>
							</span>
						</span>
					  </div>
					</div>
                 </div>
				<div class="box box-body" style="width:100%; overflow-x:scroll;">
					<table class="mytable dataTable table-bordered text-center table-striped table-hover"  width="100%" align="center">
            			<tbody>
            				<!-- <tr >
            					<td width="5%" align="center" >合同号</td>
            					<td width="5%" align="center" >部门-片区</td>
            					<td width="8%" align="center" style="vertical-align:middle">责任人</td>
            					<td width="5%" align="center" >行业</td>
            					<td width="5%" align="center" >合同金额</td>
            					<td width="5%" align="center" >生产状态</td>
            					<td width="5%" align="center" >合同状态</td>
            					<td width="5%" align="center" >合同类型</td>
            				</tr> -->
            				
            				<tr style= " width: 100%">
                         		<td width="14%">部门-片区
											<select id="orderArea" multiple="multiple" class="form-control" style="width:100%">
												<optgroup label="销售处">
													<option th:each="SaleOrderArea:${SaleOrderAreas}" 
												    th:value="${SaleOrderArea.superiorArea}"
												  th:text="${SaleOrderArea.areaName}" th:selected="${SaleOrderArea.isSelected}"></option>
												</optgroup>
												<optgroup label="成套处">
													<option th:each="CompleteOrderArea:${CompleteOrderAreas}" 
												    th:value="${CompleteOrderArea.superiorArea}"
												  th:text="${CompleteOrderArea.areaName}" th:selected="${CompleteOrderArea.isSelected}"></option>
												</optgroup>
												<optgroup label="外贸处">
													<option th:each="ForeignOrderArea:${ForeignOrderAreas}" 
												    th:value="${ForeignOrderArea.superiorArea}"
												  th:text="${ForeignOrderArea.areaName}" th:selected="${ForeignOrderArea.isSelected}"></option>
												</optgroup>
											</select>
										<!--
										 <select class="form-control" id="superior" name="superior">
						              		<option value=""></option>
			                          		<option th:each="superior:${superiors}"
												  th:text="${superior.title}"
												  th:selected="${superior.value.equals(superior1)}"></option>
				                         </select>
				                         -->
		                        </td>
            					<!-- <td width="8%">
									<div class="col-md-11">
										<select class="form-control" id="dutyOfficer" name="dutyOfficer">
						              		<option value=""></option>
			                          		<option th:each="dutyOfficer:${dutyOfficers}"
												  th:text="${dutyOfficer.title}"></option>
				                         </select>
									</div>
		                        </td> -->
             					<td width="14%">行业
					              	<select multiple="multiple" id="industryInfo" name="industryInfo" class="form-control" style="width:100%">
					              		<!-- <option th:selected="${industryInfo1.equals('无')}" value="无">无</option> -->
					              		<option th:each="industryInfo:${industryInfos}"
											  th:text="${industryInfo.title}"
											  th:selected="${industryInfo.title.equals(industryInfo1)}"></option>
			                         </select>
			                   	</td>
             					<td width="14%">合同金额
		                          		<select multiple="multiple" id="totalSum" name="totalSum" class="form-control" style="width:100%">
					              			<option value="100万以下">100万以下</option>
					              			<option value="100～500万">100～500万</option>
					              			<option value="500～1000万">500～1000万</option>
					              			<option value="1000万以上">1000万以上</option>
			                         	</select>
			                   	</td>
             					<td width="14%"> 生产状态
					              	<select multiple="multiple" id="generateState" name="generateState" class="form-control" style="width:100%">
					              		<option value="未排产">未排产</option>
					              		<option value="已排产">已排产</option>
					              		<option value="已入库">已入库</option>
					              		<option value="已发运">已发运</option>
			                         </select>
			                   	</td>
			                   	<td width="14%">合同状态
										<select multiple="multiple" th:value="${contractState}" id="contractState" name="contractState" class="form-control" style="width:100%">
						              		<!-- <option value="">所有</option> -->
						              		<option value="正常" th:selected="${contractState.equals('正常')}">正常</option>
			                          		<option value="终止">终止</option>
			                          		<option value="暂停">暂停</option>
				                         </select>
		                        </td>
            					<td width="14%">合同类型
										<select multiple="multiple" id="contractType" name="contractType" th:value="${contractType}" class="form-control" style="width:100%">
						              		<!-- <option value="" th:selected="${contractType.equals('')}">所有</option> -->
			                          		<option value="项目合同" th:selected="${contractType.equals('项目合同')}">项目合同</option>
											<option value="备件合同" th:selected="${contractType.equals('备件合同')}">备件合同</option>
											<option value="备泵合同" th:selected="${contractType.equals('备泵合同')}">备泵合同</option>
											<option value="维修合同" th:selected="${contractType.equals('维修合同')}">维修合同</option>
				                         </select>
		                        </td>
            				</tr>
            				<!--  
            				<tr>
                         		<td width="8%" align="center" style="vertical-align:middle">
                         			<div class="col-md-11">
                         				<select class="form-control" disabled="disabled" >
                         					<option value=""></option>
			                        	</select>
			                        </div>
                         		</td>
                         		<td width="8%" align="center" style="vertical-align:middle">
                         			<div class="col-md-11">
                         				<select class="form-control" disabled="disabled" >
                         					<option value=""></option>
			                        	</select>
			                        </div>
                         		</td>
                         		<td width="8%" align="center" style="vertical-align:middle">
                         			<div class="col-md-11">
                         				<select class="form-control" disabled="disabled" >
                         					<option value=""></option>
			                        	</select>
			                        </div>
                         		</td>
            					<td width="8%" align="center" style="vertical-align:middle">
            						<div class="col-md-11">
					              		<input class="form-control" type="text" id="totalSum-end" name="totalSum-end" />
		                          	</div>
            					</td>
            					<td width="8%" align="center" style="vertical-align:middle">
                         			<div class="col-md-11">
                         				<select class="form-control" disabled="disabled" >
                         					<option value=""></option>
			                        	</select>
			                        </div>
                         		</td>
            					<td width="8%" align="center" style="vertical-align:middle">
                         			<div class="col-md-11">
                         				<select class="form-control" disabled="disabled" >
                         					<option value=""></option>
			                        	</select>
			                        </div>
                         		</td>
            					<td width="8%" align="center" style="vertical-align:middle">
                         			<div class="col-md-11">
                         				<select class="form-control" disabled="disabled" >
                         					<option value=""></option>
			                        	</select>
			                        </div>
                         		</td>
                         		
            				</tr>
            				-->
            			</tbody>
            		</table>
					<table id="dataTable" class="mytable dataTable table-bordered text-center table-striped table-hover" cellspacing="0" width="1800px" align="center">
						<thead>
							
							<tr>
								<th width="1%">序号</th>
								<th width="4%">合同号</th>
								<th width="3%">合同类型</th>
								
								<th width="3%">行业</th>
								<th width="3%">总价</th>
								<th width="4%">订货单位</th>
								<th width="4%">订货片区</th>
								<th width="4%">生产状态</th>
								<th width="4%">签订日期</th>
								<th width="4%">排产日期</th>
								<!-- <th width="4%">交货日期</th>
								<th width="4%">发货日期</th>
								<th width="4%">调试日期</th>
								<th width="4%">验收日期</th>
								<th width="3%">货物到站</th>
								<th width="3%">运费支付</th> -->
								<th width="5%">项目名称</th>
								<th width="3%">状态</th>
								<!-- <th width="5%">订货地址</th>
								<th width="3%">订货代表</th>
								<th width="4%">订货电话</th>
								<th width="3%">订货邮编</th>
								<th width="4%">邮寄单位</th>
								<th width="5%">邮寄地址</th>
								<th width="3%">邮寄代表</th>
								<th width="4%">邮寄电话</th>
								<th width="3%">邮寄邮编</th> -->
							</tr>
							
						</thead>
						<tbody>
						</tbody>
					</table>
				</div>
			</div>
	  </section>
	  <script th:src="@{/chartinfo/contractviewindex.js}"></script>
	  <script type="text/javascript">
	  </script>
	 </div>
	
</body>
</html>